  /* u-line-1,u-line-2,u-line-3,u-line-4,u-line-5
  五个类名在文字超出内容盒子时，分别只显示一行、两行、三行、四行、五行+省略号。 */
  ::v-deep .u-navbar{
	  // border-bottom: 2rpx solid #e2e2e2;
	  box-sizing: border-box;
  }
  .mt20{
	  margin-top: 20rpx;
  }
  .h48{
	  height: 48rpx;
  }
  .w100{
	  width: 100%;
  }
  .u-dropdown__content {
    width: 750rpx !important;
  }
  .s-flex-wrap{
	  flex-wrap: wrap;
  }
  .s-flex-r-s-s {
    display: flex;
  }
  .s-flex-r-s-c {
    display: flex;
    align-items: center;
  }
  .s-flex-r-s-e {
    display: flex;
    align-items: flex-end;
  }
  .s-flex-r-e-c {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .s-flex-r-c-c {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .s-flex-r-b-c {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .s-flex-r-b-s {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .s-flex-r-b-e {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }

  .s-flex-c-s-s {
    display: flex;
    flex-direction: column;
  }

  .s-flex-c-s-c {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .s-flex-c-b-s {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .s-flex-c-c-c {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .s-flex-c-s-e {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
  }
  .s-flex-c-e-c {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
  }
  .flex1{
	  flex: 1;
  }
  /* 因为是全局引入的,所以有的样式nvue不支持会报错,所以要区分一下 */
  /* #ifndef APP-NVUE */
  .uni-button:after{
    border: none;
  }
  .line1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* #endif */
  .page{
    /* #ifndef APP-NVUE */
    min-height: 100vh;
    /* #endif */
    background: #F4F6F9;
    overflow: hidden;
  }

.w-auto{
	width: auto;
}
.text-theme {
	color: $theme;
}
.text-white {
	color: #FFFFFF;
}
.text-333 {
	color: #333333;
}
.text-555 {
	color: #555555;
}
.text-666 {
	color: #666666;
}
.text-999 {
	color: #999999;
}
.text-orange {
	color: #FF8F1F;
}
.main-color{
	color: $theme;
}
.text-bold {
  font-weight: bold;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-price::before {
  content: "¥";
  margin-right: 4upx;
}



.bg-white {
	background-color: #FFFFFF;
}
.bg-f5 {
	background-color: #F5F5F5;
}
.bg-theme {
	background-color: $bgtheme;
}
.border-box{
	box-sizing: border-box;
}
.text-justify {
  display: inline-block; /* 设置文字为行内块元素 */
  text-align: justify; /* 设置文字两端对齐 */
  text-justify: distribute-all-lines; /* 设置文字两端对齐 */
  margin-top: 10px; /* 设置文字距离上方的间距 */
}
 
.text-justify::after {
  content: ""; /* 创建伪元素 */
  display: inline-block; /* 设置伪元素为行内块元素 */
  width: 100%; /* 设置伪元素宽度为100% */
  height: 0; /* 设置伪元素高度为0 */
  visibility: hidden; /* 设置伪元素不可见 */
}
 
.text-justify::before {
  content: ""; /* 创建伪元素 */
  display: inline-block; /* 设置伪元素为行内块元素 */
  width: 100%; /* 设置伪元素宽度为100% */
  height: 0; /* 设置伪元素高度为0 */
  visibility: hidden; /* 设置伪元素不可见 */
}
.status-bar {
	height: var(--status-bar-height);
	width: 100%;
}